<template>
	<div class="footer">
		<div style="color: #999999">友情链接</div>
		<div class="youlian">
			<a :href="item.YOUQING_LJDZ" v-for="item in datas">{{item.YOUQING_LJMC}}</a>
		</div>
		<div class="about">
			<div class="about_lianxi">联系我们：客服QQ 782244031 </div>
			<div>©2019-2021 APP推广平台-蝌蚪传媒.版权所有 </div>
			<div style="margin-left: 0.625rem;">蜀ICP备15003192号-2</div>
			<div style="margin-left: 3.125rem;">地址：四川成都天府软件园E区 </div>
		</div>
		<div>


		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				datas: []
			}
		},
		props: {
			msg: String
		},
		mounted() {
			this.$nextTick(() => {
				this.getYouQing();
			});

		},
		methods: {
			async getYouQing() {
				try {
					const res = await this.$getData({
						url: this.$apis.getYouQing
					})
					this.datas = res.data.yList;
				} catch (e) {
					console.log("eee: ", e);
				}
			},

		}


	}
</script>

<style>
	.footer {
		padding-top: 30px;
		padding-bottom: 10px;
		flex-direction: column;
		display: flex;
		justify-content: center;
		height: 100%;
		align-items: center;
		width: 100%;
		background-color: #000000;
	}

	.youlian {

		display: flex;

	}

	.youlian a {
		color: #999999;
		padding: 1.25rem;
		text-decoration: none;
	}

	.youlian a:hover {
		color: white;
	}

	.about {
		display: flex;
		color: #999999;
		font-size: 0.9375rem;
	}

	.about_lianxi {
		margin-right: 3.125rem;
	}
</style>
